<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <title>dy</title>
    <!-- 重置样式文件 -->
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/bootstrap.min.css" />
    <!-- 变量文件 -->
    <link rel="stylesheet" href="./css/variable.css" />
    <link rel="stylesheet" href="./css/dy.css" />
    <!-- main style -->
    <script src="./js/vue.global.js"></script>
  </head>
  <body>
    <div id="app-dy">
      <header-com></header-com>
      <main class="dy-container">
        <card-com
          style="margin-top: 20px"
          v-for="item in typeData"
          :key="item.id"
        >
          <template #left>
            <div class="cardSLeft card-left">
              <card-head :src="item.titleIcon">{{item.title}}</card-head>
              <!-- 视频列表 -->
              <video-list :list="item.items"></video-list>
              <!-- 咨询列表 -->
              <consult-com :list="item.cons"></consult-com>
            </div>
          </template>
          <template #right>
            <div class="cardSRight card-right">
              <card-head :src="item.hotIcon">{{item.hotTitle}}</card-head>
              <top-list :list="item.hots"></top-list>
            </div>
          </template>
        </card-com>
      </main>
      <footer-com></footer-com>
    </div>
    <script>
      // 声明组件空间
      // 存储vue组件
      window.VueComponents = {};
      window.APIDATA = {};
    </script>
    <!-- 引入全局库 -->
    <script src="./js/lib.js"></script>
    <!-- 获取数据方法 -->
    <script src="./data/index.js"></script>
    <script src="./data/type.js"></script>

    <!-- 引入组件文件 -->
    <script src="./component/Header.js"></script>
    <script src="./component/Footer.js"></script>
    <script src="./component/Card.js"></script>
    <script src="./component/VideoList.js"></script>
    <script src="./component/TopList.js"></script>
    <script src="./component/Consult.js"></script>

    <script src="./js/dy.js"></script>
  </body>
</html>
